<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>后台首页</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <script src="/statics/js/custom/base.js?_V=1"></script>
    <script type="text/javascript" src="/statics/plugins/echarts/echarts.min.js?v=1"></script>
    <style>
        .table thead tr th,
        .table tbody tr td {
            text-align: center;
            padding: 10px 5px;
        }

        .unit {
            color: #6e7079;
            font-size: 12px;
        }
    </style>
</head>

<body>
<div class="container-fluid p-t-55 p-l-15 p-r-15">
    <div class="row" id="infoDiv">
        <div class="col-md-2">
            <a class="card cardbg-weather text-white widget" target="_parent"
               href="/admin/workshop/list.html">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-black-tie fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="workshopNum"></span>
                    </div>
                    <div class="text-right">车间数目</div>
                </div>
            </a>
        </div>
        <div class="col-md-2">
            <a class="card cardbg-live text-white widget" target="_parent"
               href="/admin/station/list.html">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-podcast fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="totalNum"></span>
                    </div>
                    <div class="text-right">设备数目</div>
                </div>
            </a>
        </div>
        <div class="col-md-2">
            <a class="card cardbg-water text-white widget" target="_parent"
               href="/admin/station/list.html?status=0">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-bullseye fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="onlineNum"></span>
                    </div>
                    <div class="text-right">在线设备</div>
                </div>
            </a>
        </div>
        <div class="col-md-2">
            <a class="card cardbg-darkgray text-white widget" target="_parent"
               href="/admin/station/list.html?status=1">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-exclamation-triangle fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="offlineNum"></span>
                    </div>
                    <div class="text-right">离线设备</div>
                </div>
            </a>
        </div>
        <div class="col-md-2">
            <a class="card cardbg-warning text-white widget" target="_parent"
               href="/admin/station/alarm.html">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-exclamation-triangle fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="alarmNum"></span>
                    </div>
                    <div class="text-right">报警日志</div>
                </div>
            </a>
        </div>
        <div class="col-md-2">
            <a class="card cardbg-ocean text-white widget" target="_parent"
               href="/admin/station/contro.html">
                <div class="card-body clearfix">
                    <div class="flex-box">
                        <span class="img-avatar img-avatar-48">
                            <i class="fa fa-exclamation-triangle fa-5x"></i>
                        </span>
                        <span class="fs-22 lh-22 mx_html" name="controNum"></span>
                    </div>
                    <div class="text-right">控制日志</div>
                </div>
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header justify-content-start">
                    <i class="fa fa-bar-chart-o fs-16"></i>
                    <div class="card-title pl-2 font-weight-bold home_disflex1">
                        <div>设备投饲量统计图表</div>
                        <div class="clearfix">
                            <form class="form-inline form-space-b" id="searchForm" method="post">
                                <div class="mx_search">
                                    <div class="form-group m-r-10 mb-0 workshopId">
                                        <span class="fs-14">车间：</span>
                                        <select class="form-control form-control-select select-init"
                                                id="workshopId" name="workshopId"></select>
                                    </div>
                                    <div class="form-group m-r-10 mb-0">
                                        <span class="fs-14">日期：</span>
                                        <input class="form-control width150 js-datetimepicker dates"
                                               autocomplete="off" data-date-format="yyyy-mm-dd" type="text"
                                               id="startTime" dateType="day" name="startTime"
                                               placeholder="开始时间">
                                        <span class="input-group-addon"
                                              style="text-align: center;width: 30px;"><i
                                                class="mdi mdi-chevron-right"></i></span>
                                        <input class="form-control width150 js-datetimepicker dates"
                                               autocomplete="off" data-date-format="yyyy-mm-dd" type="text"
                                               id="endTime" dateType="day" name="endTime"
                                               placeholder="结束时间">
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <a class="btn btn-primary m-r-10" id="searchBtn"
                                           onclick="searchDayBtn();">
                                            <i class="mdi mdi-magnify"></i> 搜索</a>
                                        <a class="btn btn-primary" id="daochu" onclick="">
                                            <i class="mdi mdi-export"></i> 导出表格</a>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
                <div class="card-body pt-0">
                    <div class="home_little_table_title">统计图 <span class="unit">（单位/g）</span></div>
                    <div id="feed_chart" style="width: 100%;height:350px;margin-top: -10px;"></div>
                    <div class="home_little_table_title">统计表</div>
                    <table class="table table-hover table-bordered mt-3 table1">
                        <thead>
                        <tr>
                            <th width="40px">序号</th>
                            <th width="110px">设备(养殖池)名称</th>
                            <th width="100px">物种规格(g/条)</th>
                            <th width="100px">物种数量(条)</th>
                            <th width="100px">执行投喂(g)</th>
                            <th width="100px">执行次数(次)</th>
                            <th width="100px">补充投喂(g)</th>
                            <th width="100px">补充次数(次)</th>
                            <th width="100px">实际投喂(g)</th>
                            <th width="100px">实际次数(次)</th>
                            <th width="70px">温度(℃)</th>
                            <th width="200px">饲料品牌</th>
                            <th width="70px">规格(mm)</th>
                        </tr>
                        </thead>
                        <tbody id="workShopUsedList">

                        </tbody>
                    </table>
                    <div id="sumTableList"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/statics/js/apis/page_index.js"></script>
<script type="text/javascript" src="/statics/js/custom/select.js?_v=1"></script>
<script type="text/javascript" src="/statics/js/library/page_index.js"></script>
</body>
</html>